import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { DashboardComponent }   from './dashboard.component';

import { HeroesComponent }      from './heroes.component';

import { HeroDetailComponent }  from './hero-detail.component';

// 设置路由访问位置
const routes: Routes = [

  { path: '', 
    redirectTo: '/dashboard', 
    pathMatch: 'full' 
  },
  { 
    path: 'dashboard',  
    component: DashboardComponent 
  },
  { 
    path: 'detail/:id', 
    component: HeroDetailComponent 
  },
  { 
    path: 'heroes',     
    component: HeroesComponent 
  }

];

@NgModule({

  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]

})
export class AppRoutingModule {}
